<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="js/element-ui/index.css" />
</head>

<body>
    <div id="app">
        <div class="loading-box" v-if="isLoading"><el-alert title="loading..." center="true" type="success">
        </el-alert></div>
        <h1>CESS-JS-SDK-Frontend Demo</h1>
        <div class="content">
            <el-card class="box-card">
                <div slot="header" class="clearfix">
                    <span>Connect Wallet</span>
                    <el-button style="float: right; padding: 3px 0" type="text">hide</el-button>
                </div>
                <div class="card-body">
                    <el-row>
                        <el-button @click="onConnectRPC">Connect RPC endpoint</el-button>
                        <el-button class="bancel">balance:{{balance}}</el-button>
                        <el-button>Connect wallet</el-button>                        
                        <el-button @click="getAccountsFromWallet">getAccountsFromWallet</el-button>
                    </el-row>
                </div>
            </el-card>
            <el-card class="box-card">
                <div slot="header" class="clearfix">
                    <span>Authorize</span>
                    <el-button style="float: right; padding: 3px 0" type="text">hide</el-button>
                </div>
                <div class="card-body">
                    <el-row>
                        <el-button @click="onAuthorizeList">Authority List</el-button>
                        <el-button @click="onAuthorize">Authorize</el-button>
                        <el-button @click="onCancelAuthorize">Cancel Authorize</el-button>
                    </el-row>
                </div>
            </el-card>
        </div>
    </div>
    <script src="js/moment.js" charset="utf-8"></script>
    <script src="js/vue.min-2.4.js" charset="utf-8"></script>
    <script src="js/util.js" charset="utf-8"></script>
    <script src="js/jquery.js" charset="utf-8"></script>
    <script src="js/element-ui/index.js" charset="utf-8"></script>
    <script src="js/cess-sdk.js" charset="utf-8"></script>
    <script src="js/index.js" charset="utf-8"></script>
</body>

</html>